import React from "react";
import '../assets/css/head.scss'
import '../assets/css/iconfont/iconfont.css'
import {Link} from "react-router-dom";

export default  function Head() {
    return (
        <div className='headbox'>

            <div className='centerbox headbar'>
                <p className='leftbox'>
                    您好，欢迎来到粤翔不锈钢金属有限公司
                </p>
                <ul className='rightbox'>
                    <li><a href="#">收藏本站丨</a></li>
                    <li><a href="#">设为首页丨</a></li>
                    <li><a href="#">联系我们丨</a></li>
                    <li><a href="#">网站地图</a></li>
                </ul>
            </div>

            <div className='company_banner'>
                <div className='centerbox banner'>
                    <div className='banner_left'>
                        <img className='banner_logo' src={require('../assets/image/logo.png')} alt="粤翔金属有限公司"/>
                        <div className='banner_text'>
                            <p className='banner_title'>
                                粤翔金属材料有限公司
                            </p>
                            <p className='banner_content'>
                                专业不锈钢管经销商！
                            </p>
                        </div>
                    </div>
                    <div className="banner_right">
                        <i className='iconfont icon-phone'></i>
                        <div className='phone_text'>
                            <p className='phone_title'>全国服务热线</p>
                            <p className='phone_number'>0519-88802650</p>
                        </div>
                    </div>
                </div>
            </div>

            <div className='nav_bar'>
                <ul className='nav centerbox'>
                    <li><Link to="/">网站首页</Link></li>
                    <li><Link to="/about">关于我们</Link></li>
                    <li>不锈钢产品图片</li>
                    <li>新闻中心</li>
                    <li>不锈钢产品应用</li>
                    <li>客户见证</li>
                    <li>公司图片</li>
                    <li>资质荣誉</li>
                    <li>销售网络</li>
                    <li>联系我们</li>
                </ul>
            </div>

            <div className='hot_word'>
                <ul className='hot_word_nav centerbox'>
                    <li>热门关键词:</li>
                    <li>不锈钢管</li>
                    <li>201不锈钢管</li>
                    <li>304不锈钢管</li>
                    <li>316L不锈钢管</li>
                    <li>310S不锈钢管</li>
                    <li>无锡不锈</li>
                </ul>
            </div>
        </div>
    )
}
